<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	
	<title>某某学院</title>
	
	<link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
	<header class="title-header">
		<img src="http://news.culr.edu.cn/aqgcx//images/header.jpg">
		<nav>
			<ul>
			<div>
				<li><a href="#">首页</a></li>
				<li><a href="#">系别概况</a></li>
				<li><a href="#">党团工作</a></li>
				<li><a href="#">学生工作</a></li>
				<li><a href="#">校友之家</a></li>
				<li><a href="#">学术科研</a></li>
				<li><a href="#">实验中心</a></li>
				<li><a href="#">下载专区</a></li>
			</ul>
		</nav>
	</header>
	
	<main>
	<div class="bootom-nav">
		<header>
			<div>
				<h2><a href="#">学习主站</a></h2>
				<h2>|</h2>
				<h2><a href="#">旧版网站</a></h2>
			</div>
			<div>
				<form action="#" method="GET">
					<input type="text" name="accont" value="请输入用户名"/>
					<input type="password" name="password" value="admin"/>
					<input type="submit" value="提交"/>
				</form>
			</div>
		</header>
	</div>
	
	<img class="img" src="http://news.culr.edu.cn/aqgcx/images/content/2013-05/20130513091630832111.jpg" title="页首图"/>

	<action>
	<div class="news">
		<header class="header">
			<h2><a href="#">安工新闻</a></h2>
			<h3><a href="#">MORE+</a></h3>
		</header>
		<section>
		<div class="section">
			<img src="http://news.culr.edu.cn/aqgcx/images/content/2015-09/20150928225857312244.jpg"/>
			<ul>
				<li><a href="#">安全工程系组织学生观看“首都百万师生同上一堂课”电视授课<span>[2018-06-01]</span></a></li>
				<li><a href="#">安全工程系组织学生观看“首都百万师生同上一堂课”电视授课<span>[2018-06-01]</span></a></li>
				<li><a href="#">安全工程系组织学生观看“首都百万师生同上一堂课”电视授课<span>[2018-06-01]</span></a></li>
				<li><a href="#">安全工程系组织学生观看“首都百万师生同上一堂课”电视授课<span>[2018-06-01]</span></a></li>
				<li><a href="#">安全工程系组织学生观看“首都百万师生同上一堂课”电视授课<span>[2018-06-01]</span></a></li>
				<li><a href="#">安全工程系组织学生观看“首都百万师生同上一堂课”电视授课<span>[2018-06-01]</span></a></li>
			</ul>
		</div>
		</section>
	</div>
	</action>
	
	<div class="clear-float">
	<action>
	<div class="notice-right">
		<header class="header">
			<h2><a href="#">通知公告</a></h2>
			<h3><a href="#">MORE+</a></h3>
		</header>
		<section>
		<div class="section">	
			<ul>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
			</ul>
		</div>
		</section>
	</div>
	</action>
	
	<action>
	<div class="notice-center">
		<header class="header">
			<h2><a href="#">通知公告</a></h2>
			<h3><a href="#">MORE+</a></h3>
		</header>
		<section>
		<div class="section">	
			<ul>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
			</ul>
		</div>
		</section>
	</div>
	</action>
	
	<action>
	<div class="notice-left">
		<header class="header">
			<h2><a href="#">通知公告</a></h2>
			<h3><a href="#">MORE+</a></h3>
		</header>
		<section>
		<div class="section">	
			<ul>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
				<li><a href="#">安全工程系假期安全告知书<span>01-03</span></a></li>
			</ul>
		</div>
		</section>
	</div>
	</action>
	</div>
	
	<action class="clear-footer">
	<div class="footer-img">
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
		<a href="#"><img src="http://news.culr.edu.cn/aqgcx/images/link_r7_c2.jpg"></a>
	</div>
	</action>
	</main>
	
	<footer>
	<div class="footer">
		<p>yright@2013 CIIR 系版权所有</br>北京市海淀区增光路45号(100048) </br>E-mail:aqgc@ciir.edu.cn</p>
	</div>
	</footer>
</body>
</html>